<template>
    <div>
      <!-- 退出按钮 基于element-ui -->
      <el-button type="info" @click="logout">退出</el-button>
    </div>
</template>
<script>

export default {
  methods: {
    logout () {
    // 退出登录的原理
    // 基于token的方式实现退出比较简单，只需要销毁本地的token即可，这样，后续的请求就不会携带token，必须重新登录一个新的之后才可以访问页面
    // 清空token
      window.sessionStorage.clear()
      // 跳转到登录页
      this.$router.push('/login')
    }
  }
}
</script>
<style lang="less" scoped>

</style>
